import { Tabbar } from 'react-vant';
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons'
import {homerouter} from "../router/index"
import {NavLink} from "react-router-dom"
let mytabbar = homerouter.filter(item=>item.tit)
export default () => {
    return (
      <div className='demo-tabbar'>
        <Tabbar>
            {
                mytabbar ?. map((item,index)=>{
                    return <Tabbar.Item icon={item.icon} key={index}>
                        <NavLink to={item.path}>{item.tit}</NavLink>
                    </Tabbar.Item>
                })
            }
         </Tabbar>
      </div>
    )
  }
  